<!DOCTYPE html>
<html>
    <head>
        <title>视频播放器</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
        <link rel="shortcut icon" href="./images/unltra.ico"/>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/github-markdown-css">
        <script src="https://cdn.jsdelivr.net/npm/flv.js/dist/flv.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/hls.js/dist/hls.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/dashjs/dist/dash.all.min.js"></script>
        <script src="https://cdn.jsdelivr.net/webtorrent/latest/webtorrent.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/pearplayer"></script>
        <!-- source -->
        <script src="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js"></script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.css">
        <!-- <link rel="stylesheet" href="./css/normalize.css"> -->
        <style type="text/css">
        body {
        /*background-color: #000;*/
        background-image: url(./images/video.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
        }
        .example {
        width: 50%;
        height: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
        }
        </style>
    </head>
    <body>
        <div id="dplayer" class="example"></div>
        <script type="text/javascript">
        const dp = new DPlayer({
        container: document.getElementById('dplayer'),
        video: {
            
        url: 'http://gaogaogaogaogaogao.zs520ds.cn/gaotian/video.php',
        },
        });
        </script>
        
    </body>
</html>